<%--
  Created by IntelliJ IDEA.
  User: user
  Date: 2018/7/12
  Time: 9:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主页</title>
    <%@include file="/WEB-INF/views/commons/common_easyui.jsp"%>
    <script src="/static/js/system/index.js"></script>
    <link href="/static/css/index.css" rel="stylesheet" type="text/css" />
    <!--手风琴菜单-->
    <link rel="stylesheet" href="/static/index/css/style.css" media="screen" type="text/css" />
</head>
<body>
<div id="index_layout" class="easyui-layout" fit="true">
    <div data-options="region:'north',split:false"
         style="height:100px;text-align: center;font-family: 楷体;font-size: 30px;background-color: #0E2D5F;">
        <div style="float: left;margin-top: 20px;">
            <a id="index_signIn" plain="true" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'" onclick="signIn();">
                <font color="aqua" size="4">签到</font>
            </a>
            <a id="index_signOut" plain="true" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'" onclick="signout();">
                <font color="aqua" size="4">签退</font>
            </a>
            <a id="lock_screen" plain="true" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-lock'" onclick="lockscreen();">
                <font color="aqua" size="4">锁屏</font>
            </a>
            <a id="index_logout" plain="true" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit'" onclick="logout();">
                <font size="5" face="楷体" color="aqua">注销</font></a>&nbsp;&nbsp;
        </div>


        <div id="index_dialog" class="easyui-dialog" style="width:360px;height:120px;" data-options="closed: true,modal:true,title:''">
            <form id="lock_form">
                <div style="float:left;">
                    <label style="margin-right:5px;height:30px;font-size:12px;">解锁密码:</label>
                    <input class="easyui-textbox" style="float:left;width:250px;height:30px;" type="password" id="unlock_passwd" name="password" data-options="required:true,prompt:'请输入解锁密码!'"/>

                </div>

                <div style="float:left;margin-left:5px;margin-top:5px;">
                    <a href="javascript:void(0)" class="easyui-linkbutton c3" style="float:left;width:80px;height:26px;background-color: #9cc8f7" onclick="unlockSubmit()">解锁</a>
                </div>

            </form>
        </div>
        <%--<div style="float: left;margin-top: 20px;margin-left: 110px;font-size: 50px;color: #0000ff">坦瑞礼毅根锦津教育系统</div>--%>
        <div style="float: left;margin-left: 5px;margin-top: 25px;color: #00aeff">
            <iframe width="420" scrolling="no" height="600" frameborder="0" allowtransparency="true"
                    src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=5" color="#00aeff"></iframe>
        </div>
        <div style="float: left;"><iframe src="/static/util/move/move.html" frameborder="0"></iframe></div>
        <div style="float: left;margin-top: 30px;margin-left: 30px;">
            <font color="#7cfc00"><shiro:principal property="username"></shiro:principal></font>&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="javascript:;" id="btn_message"><font color="#00ced1">个人信息</font></a>
        </div>
        <div id="getCurrentEmployee" style="float: left;margin-top: 32px;color: #52d689"></div>
        <div style="float: left;margin-top: 30px;">
        </div>
        <div style="float: right;"><iframe src="/static/util/timer/timer.html" frameborder="0" height="90px" width="100px"></iframe></div>
        <%--<div style="float: left;">
            <iframe src="static/util/global/global.html"></iframe>
        </div>--%>
    </div>
    <%--<div data-options="region:'south',split:false" style="height:50px;" style="background-color: #3d3d3d;">
        <p align="center"><font face="楷体" color="#808080" size="3">@版权声明,翻版必究</font></p>
    </div>--%>
    <div data-options="region:'west',split:false" style="width:250px;background-color: #0081C2;">
        <div class="container" id="container">
            <ul>
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown"><font face="楷体" size="6">系统模块</font><i class="icon-arrow"></i></a>
                    <ul class="dropdown-menu show">
                        <ul id="index_tree"></ul>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown"><font face="楷体" size="6">系统公告</font><i class="icon-arrow"></i></a>
                    <ul class="dropdown-menu">


                       <%-- <p>我们的系统是为了更好的对公司进行管理而开发的,能对公司的员工进行更加专业化的管理.
                            对于我们的学员有更好的了解,为发掘更对的学员,让更对的为追求高薪的人加入我们的大家庭.</p>
                        <p>我们公司采用真实企业项目教学，让学员具有很强的实战能力，且拥有高质量的项目作品,帮助学员在求职中,提供更好的服务,提高学员的</p>--%>
                       <p>广州狼码教育科技有限公司（品牌名叩丁狼教育）。是一家专注于IT教育培训的机构，坚持一次学习终生受益的教学理念。目前有北京，广州，上海三个校区。
                            在校期间通过严格的管理，悉心的辅导，完善的教学体系，不仅保证每一位学员能学会技术，有很强的实战能力，而且能培训自我学习的习惯和能力。
                            公司采用真实企业项目教学，让学员具有很强的实战能力，且拥有高质量的项目作品。</p>
                        <p>我们认为叩丁狼是一种文化，在学习代码的过程中，独自专研固然重要，但是团队合作有时候更能取得意想不到的效果，而且在今后的工作中，开发实际上也是一个与人配合的过程。
                            而狼得以在变化多端的环境中生存下来，与它所表现出的团结、合作、睿智、勇敢、锲而不舍等分不开。所以我们希望大家在代码的学习过程中，也能具有狼的品性。
                            所以我们取名为叩丁狼，在这里我们共同学习进步，在获得个人成长的同时，也可能遇见自己未来的合作伙伴。我们互相支持，彼此认同，更坚定的通过每一天的努力，传递狼的力量。</p>
                        <p>公司脱胎于小码哥Java学院，对于后端开发有着深厚的底蕴。公司拥有一批口碑好、专业权威、教学技能过硬的讲师团队，讲师大多有知名企业任职经历，
                            拥有丰富的开发及实战经验，在教学与管理中有着独到的见解与经验。</p>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown"><font face="楷体" size="6">其他</font><i class="icon-arrow"></i></a>
                    <ul class="dropdown-menu">
                        其他
                    </ul>
                </li>
            </ul>
        </div>

        <script src="/static/index/js/index.js"></script>

    </div>
    <div data-options="region:'center'" style="padding:5px;background-color: white;">
        <div id="index_tabs" fit="true">
            <div title="主页" fit="true"> <!--这个div加一个背景图片-->
                <div>
                    <iframe src="/static/util/circlePicture/circlePicture.html" width="100%" height="100%"></iframe>
                </div>
            </div>

        </div>
    </div>
</div>
<div id="message">
</div>
</body>
</html>
